<template>
    <div>
        <van-nav-bar title="订单" />
        <van-tabs v-model:active="active">
            <van-tab title="全部" @click="dj">
                <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
                    thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" /><van-card num="2" price="2.00"
                    desc="描述信息" title="商品标题" thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" /><van-card
                    num="2" price="2.00" desc="描述信息" title="商品标题"
                    thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" /><van-card num="2" price="2.00"
                    desc="描述信息" title="商品标题" thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
            </van-tab>
            <van-tab title="待付款">内容 2</van-tab>
            <van-tab title="待发货">内容 3</van-tab>
            <van-tab title="待收货">内容 4</van-tab>
            <van-tab title="已完成">内容 4</van-tab>
            <van-tab title="已取消">内容 4</van-tab>
        </van-tabs>
    </div>
</template>

<script setup>
import { useRouter } from 'vue-router';
let router = useRouter()
let dj = () => {
    router.push('/ddxq')
}
</script>

<style lang="scss" scoped></style>